<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>商品详情页</title>
    <link rel="stylesheet" href="css/commm.css"/>
    <link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/category.css">
    <style>
     .line{
      color:orange;
      font-size:16px;
      font-weight:lighter;
     }
     .brand ul li{
      height:30px;
      font-weight:bolder;
     display:inline-block;
      font-size:20px;
      margin-top:5px;
      width:90%;
     }
     .laxia{
      display:inline-block;
      transform:rotate(90deg);
      font-size:20px;
     }
    </style>
</head>
<body>
  <header  class="header">
    <div class="top clearfix">
      <div class="hd_left"><img src="images/header_logo.png" alt=""></div>
      <div class="hd_right"><img src="images/header_app.png" alt=""></div>
    </div>
    <div class="input">
        <input type="search" placeholder="请输入你要搜索的文字">
        <a href="#"><span class="sousuo">搜索</span></a>
    </div>
  </header>
  <p>首页&gt;全部分类&gt;</p>
  <h3 class="line">热门品牌排行</h3>
  <div class="brand">
      <ul id="laxia">
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
       <a href=""><li>热门品牌排行</li><span class="laxia">&gt;</span></a>
      </ul>
  </div>
  <div class="discount clearfix">
    <div class="login">
        <ul>
          <a href=""><li>登录</li></a>
          <a href=""><li class="mid">注册</li></a>
          <a href="#"><li>返回首页</li></a>
        </ul>
    </div>
  </div>
    <p class="bot"><span class="reds">手机app下载</span> 慢慢买手机版 -- <span class="grays">掌上比价平台</span></p>
    <p class="bot">m.manmanbuy.com</p>
</body>
<script src="js/jquery.js"></script>
<script src="js/template.js"></script>
<script type="text/html" id="get-brand">
  {{if result}}
  {{each result as value}}
   <a href="getbrand.html?brandtitleid={{value.brandTitleId}}"><li>{{value.brandTitle}}</li><span class="laxia">&gt;</span></a>
  {{/each}}
  {{/if}}
</script>
<script>
  $(function(){
    $.ajax({
      url:"http://192.168.23.25:3000/api/getbrandtitle",
      type:'get',
      datatype:'jsonp',
      success:function(data){
          var html = template("get-brand",data);
          $("#laxia").html(html);
      }
    })
  })
</script>
</html>
